<template>
  <div>
    <div class="img-view">
      <img :src="url" />
    </div>
    <div><span class="scrm-default-btn img-view-btn" style="margin-top:20px;" @click="back">返回</span></div>
  </div>
</template>

<script>
  export default {
    data(){
      return {
        url : ''
      }
    },
    mounted() {
      this.url =  this.$route.query.url
    },
    methods:{
      back() {
        this.$router.back()
      }
    }
  }
</script>

<style lang="less">
  .img-view {
    padding-top: 20px;
    
    img{
      width: 90%;
      display: block;
      margin: 0 auto;
    }
  }

  .img-view-btn {
    width: 80%;
    margin: 10px auto;
  }
</style>
